<template>
  <div class="home">
    <!-- 标题 -->
    <top-nav></top-nav>
    <!-- 轮播图 -->
    <swiper-com></swiper-com>
    <!-- 图标列表 -->
    <icon-list></icon-list>
    <!-- 发现好歌单 -->
    <music-list></music-list>
 </div>
</template>

<script>
import topNav from '@/components/topNav.vue';
import SwiperCom from '@/components/swiperCom.vue';
import iconList from '@/components/iconList.vue'
import musicList from '@/components/musiclist/musicList.vue'


export default {
  name: 'Home',
  components: {
    topNav,
    SwiperCom,
    iconList,
    musicList
  }
}
</script>

<style lang="less" scoped>
#d1 {
  width: 3.75rem;
  height: 3.75rem;
  background: pink;
}

</style>